.bg-green{background-color: #46be8a;}
.bg-red{background-color:#f96868;}
.bg-gra{background-color:#76838f;}
.bg-blue{background-color:#62a8ea;}

.text_red{color: #f96868;}
.text_green{color: #46be8a;}
.text-yellow{color: #f2a654;}
.text-blue{color: #62a8ea;}
.text-info{color: #57c7d4;}
.text_gra{color: #999;}
.text-indent{text-indent: 2em;}

/*红点*/
.kd_Ltd{display:block; padding-left:14px; position:relative; font-size:14px;} 
.kd_icon_remind{display:block; width:6px; height:6px; background-color:red; border-radius:6px;}

/*选人面板-页面选项*/
.kd_chosen-choices{list-style:none; overflow:hidden; padding:0; margin:0; width:100%; height:auto; padding:6px 12px; }
.kd_chosen-choices .kd_search-choice{list-style:none; float:left; background: #f1f1f1;
    border: 1px solid #ededed; border-radius: 2px;  box-shadow: none;  color: #333; cursor: default;
    line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 5px 3px 5px; position: relative;}
.kd_chosen-choices .kd_search-choice .search-choice-close{color:#999; margin-left:8px;}
.kd_chosen-choices .kd_search-choice .search-choice-close:hover{color:#62a8ea;} 
.kd_chosen-choices .kd_search-field>input{margin: 3px 0 3px 5px; outline:none; padding: 0; list-style:none; border:none; background-color:transparent; white-space: nowrap;}

/*评论，回复输入框*/

/*在线客服*/
#Service{position: fixed; background-color:#526069; color:#fff; padding: 10px; border:1px solid #ddd; border-radius:4px; bottom: 46px; right:0; z-index: 100;}
#Service>img{width:40px; height:40px; margin:0 auto; margin-top:-20px; margin-bottom:5px; }
#Service>div{ font-size:14px; text-align:center;  word-spacing:8px; letter-spacing: 3px;}

.margin-left-10{margin-left: 10px;}
.margin-bottom-0{margin-bottom: 0;}
.margin-top-10{margin-top: 10px;}

.alert-primary{color: #62a8ea; background-color: rgba(232,241,248,.8); border-color: #e8f1f8;}
.alert-primary hr{border-top-color:#e8f1f8}
.alert-primary .alert-link{color:#4d84b8}
.alert-success{color: #46be8a; background-color: rgba(231,250,242,.8); border-color: #e7faf2;}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2da671}
.alert-info{    color: #57c7d4;background-color: rgba(236,249,250,.8); border-color: #ecf9fa;}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#27abba}
.alert-warning{color: #f2a654; background-color: rgba(255,243,230,.8); border-color: #fff3e6;}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#d98021}
.alert-danger{color: #f96868; background-color: rgba(255,234,234,.8); border-color: #ffeaea;}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#c72c2c}
.panel-default>.panel-heading{background-color: #fafafa;}
.panel-default {border-color: #e4eaec;  }

.kd_input_file{width: 100%; height: auto; position: relative;}
.kd_input_file input[type="file"]{float: left; position: absolute; top:0; height: 30px; opacity: 0;    filter: alpha(opacity=0);    cursor: pointer; font-size: 100px;}

.kd_example{position:relative;padding:20px 15px 15px 20px;background-color:#fff;border:1px solid #eee;  margin-bottom: 20px;}
.kd_example-reverse{padding:50px 50px 15px 15px}
.kd_example-bottom{padding:15px 15px 50px 50px}
.kd_example-bottom-reverse{padding:15px 50px 50px 15px}

.kd_list-icon{display: block; float: left; width: 24px; height: 24px; margin: 0px 10px 0px 0; background-image: url("../img/list-icon.png"); background-repeat: no-repeat;}
.kd_list-icon.folder-icon_1{background-position: -1px -402px;}  /*文件夹*/
.kd_list-icon.folder-icon_2{background-position: -1px -378px;}
.kd_list-icon.folder-icon_3{background-position: -1px -352px;}
.kd_list-icon.folder-icon_4{background-position: -1px -226px;}
.kd_list-icon.excel-icon{background-position: -1px -2px;}
.kd_list-icon.pdf-icon{background-position: -1px -26px;}
.kd_list-icon.ppt-icon{background-position: -1px -50px;}
.kd_list-icon.word-icon{background-position: -1px -76px;}
.kd_list-icon.video-icon{background-position: -1px -102px;}
.kd_list-icon.image-icon{background-position: -1px -126px;}
.kd_list-icon.txt-icon{background-position: -1px -150px;}
.kd_list-icon.audio-icon{background-position: -1px -202px;}
.kd_list-icon.other-icon{background-position: -1px -252px;}
.kd_list-icon.rar-icon{background-position: -1px -176px;}
.kd_list-icon.ATA-icon{background-position: -1px -326px;}
.kd_list-icon.ATB-icon{background-position: -1px -300px;}
.kd_list-icon.ATC-icon{background-position: -1px -274px;}


.ribbon{position:absolute;top:-3px;left:-3px;width:150px;height:150px;text-align:center;background-color:transparent}
.ribbon-inner{position:absolute;top:16px;left:0;display:inline-block;height:30px;padding-right:20px;padding-left:20px;line-height:30px;color:#fff;white-space:nowrap;background-color:#526069}
.ribbon-inner .icon{font-size:16px}
.ribbon-lg .ribbon-inner{height:38px;font-size:18px;line-height:38px}
.ribbon-sm .ribbon-inner{height:26px;font-size:12px;line-height:26px}
.ribbon-xs .ribbon-inner{height:22px;font-size:12px;line-height:22px}
.ribbon-vertical .ribbon-inner{top:0;left:16px;width:30px;height:60px;padding:15px 0}
.ribbon-vertical.ribbon-xs .ribbon-inner{width:22px;height:50px}
.ribbon-vertical.ribbon-sm .ribbon-inner{width:26px;height:55px}
.ribbon-vertical.ribbon-lg .ribbon-inner{width:38px;height:70px}
.ribbon-reverse{right:-3px;left:auto}
.ribbon-reverse .ribbon-inner{right:0;left:auto}
.ribbon-reverse.ribbon-vertical .ribbon-inner{right:16px}
.ribbon-bookmark .ribbon-inner{-webkit-box-shadow:none;box-shadow:none}
.ribbon-bookmark .ribbon-inner:before{position:absolute;top:0;left:100%;display:block;width:0;height:0;content:'';border:15px solid #526069;border-right:10px solid transparent}
.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{top:100%;left:0;margin-top:-15px;border-right:15px solid #526069;border-bottom:10px solid transparent}
.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before{margin-top:-11px}
.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before{margin-top:-13px}
.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before{margin-top:-19px}
.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{right:100%;left:auto;border-right:15px solid #526069;border-left:10px solid transparent}
.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before{right:auto;left:0;border-right-color:#526069;border-bottom-color:transparent;border-left:15px solid #526069}
.ribbon-bookmark.ribbon-xs .ribbon-inner:before{border-width:11px}
.ribbon-bookmark.ribbon-sm .ribbon-inner:before{border-width:13px}
.ribbon-bookmark.ribbon-lg .ribbon-inner:before{border-width:19px}
.ribbon-badge{top:-2px;left:-2px;overflow:hidden}
.ribbon-badge .ribbon-inner{left:-40px;width:100%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.ribbon-badge.ribbon-reverse{right:-2px;left:auto}
.ribbon-badge.ribbon-reverse .ribbon-inner{right:-40px;left:auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.ribbon-badge.ribbon-bottom{top:auto;bottom:-2px}
.ribbon-badge.ribbon-bottom .ribbon-inner{top:auto;bottom:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.ribbon-corner{top:0;left:0;overflow:hidden}
.ribbon-corner .ribbon-inner{top:0;left:0;width:40px;height:35px;padding:0;line-height:35px;background-color:transparent}
.ribbon-corner .ribbon-inner:before{position:absolute;top:0;left:0;width:0;height:0;content:'';border:30px solid transparent;border-top-color:#526069;border-left-color:#526069}
.ribbon-corner.ribbon-reverse{right:0;left:auto}
.ribbon-corner.ribbon-reverse .ribbon-inner{right:0;left:auto}
.ribbon-corner.ribbon-reverse .ribbon-inner:before{right:0;left:auto;border-right-color:#526069;border-left-color:transparent}
.ribbon-corner.ribbon-bottom{top:auto;bottom:0}
.ribbon-corner.ribbon-bottom .ribbon-inner{top:auto;bottom:0}
.ribbon-corner.ribbon-bottom .ribbon-inner:before{top:auto;bottom:0;border-top-color:transparent;border-bottom-color:#526069}
.ribbon-corner.ribbon-xs .ribbon-inner{width:28px;height:26px;line-height:26px}
.ribbon-corner.ribbon-xs .ribbon-inner:before{border-width:22px}
.ribbon-corner.ribbon-xs .ribbon-inner>.icon{font-size:12px}
.ribbon-corner.ribbon-sm .ribbon-inner{width:34px;height:32px;line-height:32px}
.ribbon-corner.ribbon-sm .ribbon-inner:before{border-width:26px}
.ribbon-corner.ribbon-sm .ribbon-inner>.icon{font-size:12px}
.ribbon-corner.ribbon-lg .ribbon-inner{width:46px;height:44px;line-height:44px}
.ribbon-corner.ribbon-lg .ribbon-inner:before{border-width:36px}
.ribbon-corner.ribbon-lg .ribbon-inner>.icon{font-size:18px}
.ribbon-clip{left:-14px}
.ribbon-clip .ribbon-inner{padding-left:23px;border-radius:0 5px 5px 0}
.ribbon-clip .ribbon-inner:after{position:absolute;bottom:-14px;left:0;width:0;height:0;content:'';border:7px solid transparent;border-top-color:#37474f;border-right-color:#37474f}
.ribbon-clip.ribbon-reverse{right:-14px;left:auto}
.ribbon-clip.ribbon-reverse .ribbon-inner{padding-right:23px;padding-left:15px;border-radius:5px 0 0 5px}
.ribbon-clip.ribbon-reverse .ribbon-inner:after{right:0;left:auto;border-right-color:transparent;border-left-color:#37474f}
.ribbon-clip.ribbon-bottom{top:auto;bottom:-3px}
.ribbon-clip.ribbon-bottom .ribbon-inner{top:auto;bottom:16px}
.ribbon-clip.ribbon-bottom .ribbon-inner:after{top:-14px;bottom:auto;border-top-color:transparent;border-bottom-color:#37474f}
.ribbon-primary .ribbon-inner{background-color:#62a8ea}
.ribbon-primary.ribbon-bookmark .ribbon-inner:before{border-color:#62a8ea;border-right-color:transparent}
.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{border-right-color:#62a8ea;border-left-color:transparent}
.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{border-right-color:#62a8ea;border-bottom-color:transparent}
.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before{border-right-color:#62a8ea;border-bottom-color:transparent;border-left-color:#62a8ea}
.ribbon-primary.ribbon-corner .ribbon-inner{background-color:transparent}
.ribbon-primary.ribbon-corner .ribbon-inner:before{border-top-color:#62a8ea;border-left-color:#62a8ea}
.ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before{border-right-color:#62a8ea;border-left-color:transparent}
.ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before{border-top-color:transparent;border-bottom-color:#62a8ea}
.ribbon-primary .ribbon-inner:after{border-top-color:#4e97d9;border-right-color:#4e97d9}
.ribbon-primary.ribbon-reverse .ribbon-inner:after{border-right-color:transparent;border-left-color:#4e97d9}
.ribbon-primary.ribbon-bottom .ribbon-inner:after{border-top-color:transparent;border-bottom-color:#4e97d9}
.ribbon-success .ribbon-inner{background-color:#46be8a}
.ribbon-success.ribbon-bookmark .ribbon-inner:before{border-color:#46be8a;border-right-color:transparent}
.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{border-right-color:#46be8a;border-left-color:transparent}
.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{border-right-color:#46be8a;border-bottom-color:transparent}
.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before{border-right-color:#46be8a;border-bottom-color:transparent;border-left-color:#46be8a}
.ribbon-success.ribbon-corner .ribbon-inner{background-color:transparent}
.ribbon-success.ribbon-corner .ribbon-inner:before{border-top-color:#46be8a;border-left-color:#46be8a}
.ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before{border-right-color:#46be8a;border-left-color:transparent}
.ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before{border-top-color:transparent;border-bottom-color:#46be8a}
.ribbon-success .ribbon-inner:after{border-top-color:#36ab7a;border-right-color:#36ab7a}
.ribbon-success.ribbon-reverse .ribbon-inner:after{border-right-color:transparent;border-left-color:#36ab7a}
.ribbon-success.ribbon-bottom .ribbon-inner:after{border-top-color:transparent;border-bottom-color:#36ab7a}
.ribbon-info .ribbon-inner{background-color:#57c7d4}
.ribbon-info.ribbon-bookmark .ribbon-inner:before{border-color:#57c7d4;border-right-color:transparent}
.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{border-right-color:#57c7d4;border-left-color:transparent}
.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{border-right-color:#57c7d4;border-bottom-color:transparent}
.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before{border-right-color:#57c7d4;border-bottom-color:transparent;border-left-color:#57c7d4}
.ribbon-info.ribbon-corner .ribbon-inner{background-color:transparent}
.ribbon-info.ribbon-corner .ribbon-inner:before{border-top-color:#57c7d4;border-left-color:#57c7d4}
.ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before{border-right-color:#57c7d4;border-left-color:transparent}
.ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before{border-top-color:transparent;border-bottom-color:#57c7d4}
.ribbon-info .ribbon-inner:after{border-top-color:#47b8c6;border-right-color:#47b8c6}
.ribbon-info.ribbon-reverse .ribbon-inner:after{border-right-color:transparent;border-left-color:#47b8c6}
.ribbon-info.ribbon-bottom .ribbon-inner:after{border-top-color:transparent;border-bottom-color:#47b8c6}
.ribbon-warning .ribbon-inner{background-color:#f2a654}
.ribbon-warning.ribbon-bookmark .ribbon-inner:before{border-color:#f2a654;border-right-color:transparent}
.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{border-right-color:#f2a654;border-left-color:transparent}
.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{border-right-color:#f2a654;border-bottom-color:transparent}
.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before{border-right-color:#f2a654;border-bottom-color:transparent;border-left-color:#f2a654}
.ribbon-warning.ribbon-corner .ribbon-inner{background-color:transparent}
.ribbon-warning.ribbon-corner .ribbon-inner:before{border-top-color:#f2a654;border-left-color:#f2a654}
.ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before{border-right-color:#f2a654;border-left-color:transparent}
.ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before{border-top-color:transparent;border-bottom-color:#f2a654}
.ribbon-warning .ribbon-inner:after{border-top-color:#ec9940;border-right-color:#ec9940}
.ribbon-warning.ribbon-reverse .ribbon-inner:after{border-right-color:transparent;border-left-color:#ec9940}
.ribbon-warning.ribbon-bottom .ribbon-inner:after{border-top-color:transparent;border-bottom-color:#ec9940}
.ribbon-danger .ribbon-inner{background-color:#f96868}
.ribbon-danger.ribbon-bookmark .ribbon-inner:before{border-color:#f96868;border-right-color:transparent}
.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{border-right-color:#f96868;border-left-color:transparent}
.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{border-right-color:#f96868;border-bottom-color:transparent}
.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before{border-right-color:#f96868;border-bottom-color:transparent;border-left-color:#f96868}
.ribbon-danger.ribbon-corner .ribbon-inner{background-color:transparent}
.ribbon-danger.ribbon-corner .ribbon-inner:before{border-top-color:#f96868;border-left-color:#f96868}
.ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before{border-right-color:#f96868;border-left-color:transparent}
.ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before{border-top-color:transparent;border-bottom-color:#f96868}
.ribbon-danger .ribbon-inner:after{border-top-color:#e9595b;border-right-color:#e9595b}
.ribbon-danger.ribbon-reverse .ribbon-inner:after{border-right-color:transparent;border-left-color:#e9595b}
.ribbon-danger.ribbon-bottom .ribbon-inner:after{border-top-color:transparent;border-bottom-color:#e9595b}

/*等分*/
.kd_parent{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center;}
.kd_child{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}

/*选项卡 横向选项卡*/
.nav-tabs-horizontal .nav-tabs>li.active>a,.nav-tabs-horizontal .nav-tabs>li.active>a:focus, .nav-tabs-horizontal .nav-tabs>li.active>a:hover{border: none;}
.nav-tabs-line>li>a{padding:10px 20px;border-bottom:2px solid transparent; border: none;}
.nav-tabs-line>li>a:focus,.nav-tabs-line>li>a:hover{background-color:transparent}
.nav-tabs-line>li>a:hover{border-bottom-color:#ccd5db !important;}
.nav-tabs-line>li.active>a,.nav-tabs-line>li.active>a:focus,.nav-tabs-line>li.active>a:hover{color:#62a8ea;background-color:transparent;border-bottom:2px solid #62a8ea !important;}
.nav-tabs-line .open>a,.nav-tabs-line .open>a:focus,.nav-tabs-line .open>a:hover{border-color:transparent;border-bottom-color:#ccd5db !important;}
.nav-tabs-line.nav-tabs-bottom>li>a{border-top:2px solid transparent;border-bottom:none}
.nav-tabs-line.nav-tabs-bottom>li>a:hover{border-top-color:#ccd5db;border-bottom-color:transparent}
.nav-tabs-line.nav-tabs-bottom>li.active>a,.nav-tabs-line.nav-tabs-bottom>li.active>a:focus,.nav-tabs-line.nav-tabs-bottom>li.active>a:hover{border-top:2px solid #62a8ea;border-bottom:none}
.nav-tabs-line.nav-justified>li>a{border-bottom:2px solid #e4eaec}
.nav-tabs-line.nav-justified>li>a:hover{border-bottom-color:#ccd5db}
.nav-tabs-line.nav-justified>li.active>a,.nav-tabs-line.nav-justified>li.active>a:focus,.nav-tabs-line.nav-justified>li.active>a:hover{border-color:transparent;border-bottom:2px solid #62a8ea}
.nav-tabs-line.nav-justified.nav-tabs-bottom{border-top:none}
.nav-tabs-line.nav-justified.nav-tabs-bottom>li>a{border-top:2px solid #e4eaec;border-bottom:none}
.nav-tabs-line.nav-justified.nav-tabs-bottom>li>a:hover{border-top-color:#ccd5db}
.nav-tabs-line.nav-justified.nav-tabs-bottom>li.active>a,.nav-tabs-line.nav-justified.nav-tabs-bottom>li.active>a:focus,.nav-tabs-line.nav-justified.nav-tabs-bottom>li.active>a:hover{border-top-color:#62a8ea;border-bottom:2px solid #62a8ea;}


/*选项卡 左边竖向选项卡*/
.nav-tabs-vertical:after,.nav-tabs-vertical:before{display:table;content:" "}
.nav-tabs-vertical:after{clear:both}
.nav-tabs-vertical .nav-tabs{float:left;border-right:1px solid #e4eaec;border-bottom:none; margin-right: 25px;}
.nav-tabs-vertical .nav-tabs>li{float:none;margin-right:-1px;margin-bottom:0}
.nav-tabs-vertical .nav-tabs>li>a{padding:10px 20px;margin-right:0;margin-bottom:2px;border-radius:4px 0 0 4px; border: none;}
.nav-tabs-vertical .nav-tabs>li>a:hover{border: none; background-color:inherit; border-right-color:#e4eaec;border-bottom-color:transparent;}
.nav-tabs-vertical .nav-tabs>li.active>a,.nav-tabs-vertical .nav-tabs>li.active>a:focus,.nav-tabs-vertical .nav-tabs>li.active>a:hover{border: none;border-right-color:#62a8ea; color: #62a8ea;}
.nav-tabs-vertical .nav-tabs-reverse{float:right;border-right:none;border-left:1px solid #e4eaec}
.nav-tabs-vertical .nav-tabs-reverse>li{margin-right:0;margin-left:-1px}
.nav-tabs-vertical .nav-tabs-reverse>li>a{margin-left:0;border-radius:0 4px 4px 0}
.nav-tabs-vertical .nav-tabs-reverse>li>a:hover{border-right-color:transparent;border-left-color:#e4eaec}
.nav-tabs-vertical .nav-tabs-reverse>li.active>a,.nav-tabs-vertical .nav-tabs-reverse>li.active>a:focus,.nav-tabs-vertical .nav-tabs-reverse>li.active>a:hover{border-left-color:#62a8ea}
.nav-tabs-vertical .nav-tabs-solid{border-right-color:#f3f7f9}
.nav-tabs-vertical .nav-tabs-solid>li>a:hover{border-color:transparent}
.nav-tabs-vertical .nav-tabs-solid>li.active>a,.nav-tabs-vertical .nav-tabs-solid>li.active>a:focus,.nav-tabs-vertical .nav-tabs-solid>li.active>a:hover{border-color:transparent}
.nav-tabs-vertical .nav-tabs-solid+.tab-content{padding: 20px;}
.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse{border-left-color:#f3f7f9}
.nav-tabs-vertical .nav-tabs-line>li>a{border-right:2px solid transparent;border-bottom:none}
.nav-tabs-vertical .nav-tabs-line>li>a:hover{border-right:2px solid #ccd5db}
.nav-tabs-vertical .nav-tabs-line>li.active>a,.nav-tabs-vertical .nav-tabs-line>li.active>a:focus,.nav-tabs-vertical .nav-tabs-line>li.active>a:hover{border-right:2px solid #62a8ea;border-bottom:none}
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse>li>a{border-right-width:1px;border-left:2px solid transparent}
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse>li>a:hover{border-color:transparent;border-left-color:#ccd5db}
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse>li.active>a,.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse>li.active>a:focus,.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse>li.active>a:hover{border-right:1px solid transparent;border-left:2px solid #62a8ea}
.nav-tabs-vertical .tab-content{overflow:hidden; padding-top: 15px!important; padding-bottom: 15px!important;}
/*选项卡* end/

/*选择人面板-树状结构人*/
.user_sept_group{ overflow: hidden; position: relative;}
.user_sept_group>.btn-group{position: absolute; right: 0;top:0; z-index: 2;}
.sept_message{overflow: hidden; margin:10px; display: -webkit-box; display: -webkit-flex; display: flex; float: left;  }

.sept_message .sept_user_msg{ text-align: center; width: 80px; padding:0;  position: relative; }
.sept_message .sept_user_msg .btn_delete{ position: absolute; right: 0; top:5px; color: #a3afb7; }
.sept_message .sept_user_msg .user_img{width: 40px; height: 40px;  overflow: hidden; border-radius: 48px;  font-size: 14px; color: white;
line-height: 40px; text-align: center; border: 1px solid #e4eaec; margin: 15px auto 5px auto;  }
.sept_message .sept_user_msg .user_img img{width: 42px; height: 42px; margin-top: -1px; margin-left: -1px;}
.sept_message .sept_user_msg  .btn{color: white;}
.sept_message .sept_user_msg>p{display:block; height:46px; margin-bottom:0;}
/*.sept_message .btn_delete{ margin-left: 50px;}*/
.sept_message .sept_link{padding: 0 10px;}
.sept_message .sept_link>i{margin-top: 23px; color: #999;}
.kd_user_list .list-group{margin:0;}
.kd_user_list .list-group-item{border:none; font-size:13px;}
.kd_user_list .kd_user_img img{width:40px; height:40px; border-radius:40px; border:1px solid #e4eaec;}
.kd_user_list li.kd_user_img:hover{background-color:#f5f5f5;}

/*分页*/
.kd_pagination{display:inline-block;padding-left:0;margin:22px 0;border-radius:3px}
.kd_pagination>li{display:inline}
.kd_pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 15px;margin-left:-1px;line-height:1.57142857;color:#76838f;text-decoration:none;background-color:transparent;border:1px solid #e4eaec}
.kd_pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:3px;border-bottom-left-radius:3px}
.kd_pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.kd_pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#89bceb;background-color:#f3f7f9;border-color:#e4eaec}
.kd_pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#62a8ea;border-color:#62a8ea}
.kd_pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#ccd5db;pointer-events:none;cursor:not-allowed;background-color:transparent;border-color:#e4eaec}

/*搜索框*/
.input-search-close{color:#000;text-shadow:none;filter:alpha(opacity=20);opacity:.2}
.input-search-close.icon{font-size:inherit;line-height:inherit}
.input-search-close:focus,.input-search-close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.input-search-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.input-search{position:relative}
.input-search .form-control{border-radius:200px}
.input-search .input-search-close,.input-search .input-search-icon{position:absolute;top:50%;z-index:1;width:36px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.input-search .input-search-close{right:8px}
.input-search .input-search-icon+.form-control{padding-left:43.5px}
.input-search .input-search-icon{left:8px;font-size:16px;color:#a3afb7;text-align:center;pointer-events:none}
.input-search-btn+.form-control{padding-right:50px}
.input-search-btn{position:absolute;top:0;right:0;height:100%;padding:0 10px;background:0 0;border:none;border-radius:0 200px 200px 0}
.input-search-btn>.icon{margin:0 3px}
.input-search-dark .input-search-icon{color:#76838f}
.input-search-dark .form-control{background:#f3f7f9;-webkit-box-shadow:none;box-shadow:none}
.input-search-dark .form-control:focus{background-color:transparent}

/*表单向导*/
.pearls{margin-bottom:22px}
.pearls.row{display:block}
.pearl{position:relative;padding:0;margin:0;text-align:center}
.pearl:after,.pearl:before{position:absolute;top:18px;z-index:0;width:50%;height:4px;content:"";background-color:#e4eaec}
.pearl:before{left:0}
.pearl:after{right:0}
.pearl:first-child:before,.pearl:last-child:after{display:none!important}
.pearl-icon,.pearl-number{position:relative;z-index:1;display:inline-block;width:36px;height:36px;line-height:32px;color:#fff;text-align:center;background:#ccd5db;border-radius:50%;border:2px solid #ccd5db}
.pearl-number{font-size:18px}
.pearl-icon{font-size:18px}
.pearl-title{margin-top:.5em;display:block;font-size:16px;color:#526069;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap}
.pearl.current:after,.pearl.current:before{background-color:#62a8ea}
.pearl.current .pearl-icon,.pearl.current .pearl-number{color:#62a8ea;background-color:#fff;border-color:#62a8ea;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
.pearl.disabled{pointer-events:none;cursor:auto}
.pearl.disabled:after,.pearl.disabled:before{background-color:#e4eaec}
.pearl.disabled .pearl-icon,.pearl.disabled .pearl-number{color:#fff;background-color:#ccd5db;border-color:#ccd5db}
.pearl.error:before{background-color:#62a8ea}
.pearl.error:after{background-color:#e4eaec}
.pearl.error .pearl-icon,.pearl.error .pearl-number{color:#f96868;background-color:#fff;border-color:#f96868}
.pearl.done:after,.pearl.done:before{background-color:#62a8ea}
.pearl.done .pearl-icon,.pearl.done .pearl-number{color:#fff;background-color:#62a8ea;border-color:#62a8ea}
.pearls-lg .pearl:after,.pearls-lg .pearl:before{top:20px}
.pearls-lg .pearl-title{font-size:18px}
.pearls-lg .pearl-icon,.pearls-lg .pearl-number{width:40px;height:40px;line-height:36px}
.pearls-lg .pearl-icon{font-size:20px}
.pearls-lg .pearl-number{font-size:20px}
.pearls-sm .pearl:after,.pearls-sm .pearl:before{top:16px}
.pearls-sm .pearl-title{font-size:14px}
.pearls-sm .pearl-icon,.pearls-sm .pearl-number{width:32px;height:32px;line-height:28px}
.pearls-sm .pearl-number{font-size:16px}
.pearls-sm .pearl-icon{font-size:14px}
.pearls-xs .pearl:after,.pearls-xs .pearl:before{top:12px;height:2px}
.pearls-xs .pearl-title{font-size:12px}
.pearls-xs .pearl-icon,.pearls-xs .pearl-number{width:24px;height:24px;line-height:20px}
.pearls-xs .pearl-number{font-size:12px}
.pearls-xs .pearl-icon{font-size:12px}

/*  web注册页  */
.register_web_page .footer{position:fixed; bottom:0; width:100%;}
.register_web_page .navbar-header{width:20%;}
.btn.yzm_btn { padding: 0;  width: 96px; height:34px;}
.btn.yzm_btn>img{ width:100%; height:100%;}
.register_web_page .panel-heading{background-color:#f5f5f5;}

/* 选人主面板列表 */
.kdpers_list{ margin: 0; height: 460px; list-style: none; padding: 10px; font-size: 14px;  overflow:hidden;}
.kdpers_list:hover{ overflow-y:auto;}
.kdpers_list li.kdpers_errormsg{text-align: center; padding: 50px 0; color:#999;}

.kdpers_list .kdpers_title{position:relative; padding-left:10px; height:30px; overflow: hidden; line-height:30px; margin: 0; cursor:pointer; color:#526069;}
.kdpers_list .kdpers_title .kdpers_checkbox{position: absolute; right: 10px; top:2px; z-index: 2; }
.kdpers_list .kdpers_title>h5{ font-size: 14px; line-height:30px; margin: 0;}
.kdpers_list .kdpers_title>h5 span{display:inline-block; *display:inline; *zoom:1; vertical-align:top; max-width:140px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.kdpers_list .kdpers_title>h5 i{left:15px; top:8px; width:10px; height:10px;font-size:10px;color:#666;}

.kdmini_list .kdpers_chatlist{ }
.kdpers_chatlist{ padding: 0; margin: 0; list-style: none;}
.kdpers_chatlist li{position:relative;  padding:8px 10px; font-size:0; cursor:pointer;}
.kdpers_chatlist li:hover{background-color:#F2F4F8}
.kdpers_chatlist li .kdpers_oneface{display:inline-block; *display:inline; *zoom:1; vertical-align:top; width: 40px; height: 40px; }
.kdpers_chatlist li .kdpers_oneface>img{width: 40px; height: 40px; border-radius:20px;}
.kdpers_chatlist li .kdpers_onename{display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-left: 10px;}
.kdpers_chatlist li .kdpers_onename>h4{margin-bottom: 5px; margin-top: 2px; font-size: 14px; font-weight: normal;}
.kdpers_chatlist li .kdpers_onename>h4>span{max-width:120px;  overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.kdpers_chatlist li .kdpers_onename>h4 .kdmini_time{position:absolute;top:10px;  right:10px; color:#999;}
.kdpers_chatlist li .kdpers_onename>h4.kdpers_one span{line-height:34px;}
.kdpers_chatlist li .kdpers_onename>p{margin: 0;font-size: 10px; color: #999;}
.kdpers_chatlist li .kdpers_checkbox{position: absolute; right: 10px; top:14px; z-index: 2;}

/*  选人面板2  */
.kd_persTabs1.tabs-container .tabs-left>.nav-tabs{width: 10%;}
.kd_persTabs1.tabs-container .tabs-left .panel-body {width: 90%; margin-left: 10%;}
.kd_persTabs1.tabs-container .tabs-left > .nav-tabs > li > a, .kd_persTabs1.tabs-container .tabs-right > .nav-tabs > li > a{padding: 10px; min-width: 50px; text-align: center;}
.kd_persTabs1.tabs-container .panel-body{  }
.kd_persBody{border: 1px solid #ddd; background-color: #fff; height:550px;}
.ibox.float-e-margins{border:1px solid #ddd;}
.kd_persBody .input-search{border-bottom: 1px solid #ddd;}
.kd_persBody .input-search .form-control{border: none; border-radius: 0; }
.kd_persBody.kd_on_checkbox  .kdpers_checkbox{display: none;}
.ibox.float-e-margins .sept_message:hover { background-color: #e7faf2; }

/*  多条件选择器  */

/* select */
.kd_selector {padding: 5px 10px; border: #ddd 1px solid; border-radius: 4px; width: 60%; margin: 5% auto; font-size: 12px;}
.kd_selector li{list-style: none;padding: 10px 0 5px 100px}
.kd_selector .selector-list{border-bottom: #eee 1px dashed}
.kd_selector dl{zoom: 1;position: relative;line-height: 24px;}
.kd_selector dl:after{content: " ";display: block;clear: both;height: 0;overflow: hidden}
.kd_selector dt{width: 100px;margin-bottom: 5px;position: absolute;top: 0;left: -100px;text-align: right;color: #666;height: 24px;line-height: 24px}
.kd_selector dd{float: left;display: inline;margin: 0 0 5px 5px;}
.kd_selector a{display: inline-block;white-space: nowrap;height: 24px;padding: 0 10px;text-decoration: none;color: #039;border-radius: 2px;}
.kd_selector a:hover{color: #f60;background-color: #f3edc2}
.kd_selector .selected a{color: #fff;background-color: #f60}
.kd_selector .selector-result dt{font-weight: bold}
.kd_selector .selector-no{color: #999}
.kd_selector .selector-result a{padding-right: 20px;background: #f60 url("../images/close.gif") right 9px no-repeat}
.kd_selector .selector-result a:hover{background-position: right -15px}
/*www.jq22.com*/

